<script type="text/javascript"> 
        $(document).ready(function()
    {
        $("#notif").click(function () {
            $("ul#item").slideToggle("slow");
        });
    });
</script>
<div class="sidebar-role">
    <img src="{$BASEURL}/resource/doc/images/avatar.png" alt="Nama ID" />
    <p>Anda masuk sebagai :<br/><span>{$sess_pegawai['username']|default:''}</span><br/>{$sess_pegawai['jabatan']|default:''}</p>
</div>
<h3 class="notif">Pemberitahuan</h3>
<div class="sidebar-menu">
    <div class="sidebar-menu-notif">
        <p>Anda memiliki banyak <a href="#" id="notif">notifikasi</a> :</p>
        <ul style="display:none;" id="item">
            <li><a href="#">Berkas A <span class="count">1</span></a></li>
            <li><a href="#">Berkas B <span class="count">2</span></a></li>
            <li><a href="#">Berkas C <span class="count">3</span></a></li>
            <li><a href="#">Berkas D <span class="count">4</span></a></li>
            <li><a href="#">Berkas E <span class="count">5</span></a></li>
            <li><a href="#">Berkas F <span class="count">20</span></a></li>
            <li><a href="#">Berkas G <span class="count">10</span></a></li>
            <li><a href="#">Berkas H <span class="count">52</span></a></li>
        </ul>
    </div>
</div>
<h3>Navigasi</h3>
<div class="sidebar-menu">
     <ul id="browser" class="filetree treeview">
            <li class="collapsable"><div class="hitarea collapsable-hitarea "></div><span class="folder">Data Master</span>
                    <ul>                                           
                            <li class="last"><span class="file"><a href="">Data Admin</a></span></li>
                            <li class="last"><span class="file"><a href="">Data Pegawai</a></span></li>
                            <li class="last"><span class="file"><a href="">Data Dokter</a></span></li>
                            <li class="last"><span class="file"><a href="">Data Pasien</a></span></li>
                            <li class="last"><span class="file"><a href="">Data Jenis Obat</a></span></li>
                            <li class="last"><span class="file"><a href="">Data Obat</a></span></li>
                            <li class="last"><span class="file"><a href="">Data Poliklinik</a></span></li>
                    </ul>
            </li>
            <li class="collapsable"><div class="hitarea collapsable-hitarea "></div><span class="folder">Transaksi</span>
                    <ul>
                            <li class="last"><span class="file"><a href="">Pembayaran Obat</a></span></li>

                    </ul>
            </li>
            <li class="collapsable"><div class="hitarea collapsable-hitarea "></div><span class="folder">Laporan</span>
                    <ul>
                            <li class="last"><span class="file"><a href="">Resep</a></span></li>
                            <li class="last"><span class="file"><a href="">Kunjungan</a></span></li>
                    </ul>
            </li>
      </ul>
</div>

